<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>禾水|前端学习 分享</title>
    <meta name="keywords" content="Busi BUSI 前端 前端学习">
    <meta name="description" content="前端学习,交流">
    <meta name="viewport" content="width=device-width">
    <link rel="icon" href="/images/icon/favicon.ico">
    <link rel="stylesheet" href="/stylesheets/index.css">
    <!-- <link rel="stylesheet" href="/stylesheets/index.css"> -->
</head>
<body>
    <!-- nav -->
    <header class="header" id="header">
        <div class="h-container">
            <h1 class="nav-log">
                <a class="nav-log-text nav-color" href="/">禾水<span class="nav-log-description nav-color">-前端学习之路</span></a>
            </h1>
            <nav class="nav">
                <ul class="nav-list">
                    <li><a class="nav-color active" href="/">首页</a></li>
                    <li><a class="nav-color" href="/blog">BLOG</a></li>
                    <li><a class="nav-color" href="#">DEMO</a></li>
                    <% if(user) { %>
                    <li><a class="nav-color" href="/post">发表</a></li>
                    <li><a class="nav-color" href="/logout">登出</a></li>
                    <% }else { %>
                    <li><a class="nav-color" href="/login">登录</a></li>
                    <li><a class="nav-color" href="/reg">注册</a></li>
                    <% } %>
                </ul>
            </nav>
        </div>
    </header>
    <!-- banner -->
    <section class="banner">
        <div class="banner-item1" style="height: 500px;background-color: red;"></div>
    </section>
    <section class="practice">
        <h1 class="section-common-title">Practice/练习</h1>
        <p class="section-common-paragraph">这里用来展示一些最近的小Practice<br>你可以下载到最初的PSD格式的设计图以及Practicer的源码或者点击demo预览效果</p>
        <div class="practice-wrap" style="height: 500px;background-color: yellow;">
            <div class="practice-wrap-item">
                <figure class="practice-item">
                    <img class="practice-img" src=" ">
                    <figcaption class="practice-img-title">
                        <p>手机宣传页面</p>
                        <p>author：chen wei</p>
                        <p>demo</p>
                    </figcaption>
                </figure>
            </div>
            <div class="practice-wrap-item">
                <figure class="practice-item">
                    <img class="practice-img" src=" ">
                    <figcaption class="practice-img-title">
                        <p>手机宣传页面</p>
                        <p>author：chen wei</p>
                        <p>demo</p>
                    </figcaption>
                </figure>
            </div>
            <div class="practice-wrap-item">
                <figure class="practice-item">
                    <img class="practice-img" src=" ">
                    <figcaption class="practice-img-title">
                        <p>手机宣传页面</p>
                        <p>author：chen wei</p>
                        <p>demo</p>
                    </figcaption>
                </figure>
            </div>
        </div>
    </section>
    <section class="blog">
        <h1 class="section-common-title">Blog/博客</h1>
        <p class="section-common-paragraph">在这里你可以看到最热门的博客<br>碰到最活跃的愿意分享一起相互学习的人</p>
        <div class="blog-wrap" style="height: 500px;background-color: yellow;">
            <div class="blog-wrap-item">
                <div class="blog-wrap-hottitle"><p>热门BLOG TOP5</p></div>
                <div class="blog-item">
                    <img class="blog-img" src=" ">
                    <p class="blog-img-title">深入理解原型原型链</p>
                </div>
            </div>
            <div class="blog-wrap-item" class="blog-wrap-item">
                <div class="blog-wrap-hottitle"><p>贡献榜 TOP5</p></div>
                <div class="blog-item">
                    <img class="blog-img" src=" ">
                    <p class="blog-img-title">chenwei</p>
                </div>
            </div>
        </div>
    </section>
    <section class="project">
        <h1 class="section-common-title">Project/项目</h1>
        <p class="section-common-paragraph">这里是成员参与或者主导的相关的开源项目<br>欢迎感兴趣的同学可以加入</p>
        <div style="height: 500px;background-color: green;"></div>
    </section>
    <section class="contact-us">
        <h1 class="section-common-title">Project/项目</h1>
        <p class="section-common-paragraph">这里用来展示一些最近的小Practice，你可以下载到最初的PSD文件设计图以及作者的下载或者点击demo预览效果</p>
        <div style="height: 500px;background-color: pink;"></div>
    </section>
    <footer class="footer">
        <div>
            <p>Copyright&copy;By ChenWei All Rights Reserved.</p>
            <p><a href="">更新日志</a></p>
            <span>
                    <a href="http://weibo.com/3177367555/profile?rightmod=1&wvr=6&mod=personinfo" target="_blank"><img src="/images/icon/weibo.png"></a>
                    <a href="https://www.python.org/" target="_blank"><img src="/iamges/icon/python.png"></a>
                    <a href="https://www.djangoproject.com" target="_blank"><img src="/images/icon/django.png"></a>
                    <a href="https://www.qcloud.com" target="_blank"><img src="/images/icon/tencent.png"></a>
                    <a href="https://git.oschina.net/chenweitech/chenweitech" target="_blank"><img src="/images/icon/git-oschina.png"></a>
                </span>
        </div>
    </footer>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <article>
    <% if (success) { %>
    <div><%= success %></div>
    <% } %>
    <% if (error) { %>
    <div><%= error %></div>
    <% } %>
</article>
    <script src="/javascripts/Ch.js"></script>
    <script src="/javascripts/animation.js"></script>
</body>
</html>
